<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>店铺列表</title>
    <link rel="stylesheet" href="/zoff/css/reset.css">
    <link rel="stylesheet" href="/zoff/css/common.css">
    <link rel="stylesheet" href="/zoff/css/shop.css">
</head>

<body>
    <div class="container">
        <!-- 头部 -->
        @include('header')

        <div class="m-wrap">
            <div class="m-content">
                <div class="shopLoaction">
                    <div style="text-align:center;padding:45px 0;">
                        <h3>店铺列表</h3>
                    </div>
                    <ul class="shop-slect-ul">
                        <li class="active"><a href="#">上&nbsp;海</a></li>
                        <li><a href="#">江&nbsp;苏</a></li>
                        <li><a href="#">南&nbsp;京</a></li>
                        <li><a href="#">无&nbsp;锡</a></li>
                        <li><a href="#">成&nbsp;都</a></li>
                    </ul>
                    <div style="padding-left:10px;">
                        <div class="select-wrap">
                            <div>
                                <select name="" id="">
                                    <option value="区1">区1</option>
                                    <option value="区2">区2</option>
                                    <option value="区3">区3</option>
                                    <option value="区4">区4</option>
                                </select>
                            </div>

                        </div>
                        <div class="shop-list-info">
                            <div class="single-shop">
                                <span>Zoff上海浦东世纪汇店</span>
                                <span>Tel ：+86-21-6881-5671</span>
                                <span>营业时间：10:00-22:00</span>
                                <span>地址：上海市静安区世纪大道1192号世纪广场LG2层016号</span>
                            </div>
                            <div class="single-shop">
                                <span>Zoff上海浦东世纪汇店</span>
                                <span>Tel ：+86-21-6881-5671</span>
                                <span>营业时间：10:00-22:00</span>
                                <span>地址：上海市静安区世纪大道1192号世纪广场LG2层016号</span>
                            </div>
                            <div class="single-shop">
                                <span>Zoff上海浦东世纪汇店</span>
                                <span>Tel ：+86-21-6881-5671</span>
                                <span>营业时间：10:00-22:00</span>
                                <span>地址：上海市静安区世纪大道1192号世纪广场LG2层016号</span>
                            </div>
                            <div class="single-shop">
                                <span>Zoff上海浦东世纪汇店</span>
                                <span>Tel ：+86-21-6881-5671</span>
                                <span>营业时间：10:00-22:00</span>
                                <span>地址：上海市静安区世纪大道1192号世纪广场LG2层016号</span>
                            </div>
                        </div>
                        <div class="shapLoaction-page">
                            <div>
                                <a href="#" class="page-active">1</a>
                                <a href="#">2</a>
                                <a href="#">3</a>
                                <a href="#">4</a>
                                <a href="#">下一页></a>
                                <a href="#">最后一页>></a>
                                <input type="text" maxlength=5 id="page">
                                <a href="javascript:void(0)" id="jump">跳转</a>
                            </div>
                        </div>
                    </div>

                </div>
                <div class="dynamic">
                    <div style="text-align:center;padding:45px 0;">
                        <h3>店铺动态</h3>
                    </div>
                    <div class="dynamic-list">
                        <div class="single-dynamic">
                            <a href="#">
                                <img src="/zoff/image/d-1.png">
                                <div class="dynamic-intro">
                                    <div class="open-tiem">
                                        <span>2018-11-25</span>
                                        <span>新店开业</span>
                                    </div>
                                    <div>
                                        <p>[11/30 NEW OPEN] Zoff(佐芙)眼镜上海长风大悦 城店盛大开业！</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="single-dynamic">
                            <a href="#">
                                <img src="/zoff/image/d-2.png">
                                <div class="dynamic-intro">
                                    <div class="open-tiem">
                                        <span>2018-11-25</span>
                                        <span>新店开业</span>
                                    </div>
                                    <div>
                                        <p>[11/30 NEW OPEN] Zoff(佐芙)眼镜上海长风大悦 城店盛大开业！</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="single-dynamic">
                            <a href="#">
                                <img src="/zoff/image/d-3.png">
                                <div class="dynamic-intro">
                                    <div class="open-tiem">
                                        <span>2018-11-25</span>
                                        <span>新店开业</span>
                                    </div>
                                    <div>
                                        <p>[11/30 NEW OPEN] Zoff(佐芙)眼镜上海长风大悦 城店盛大开业！</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="single-dynamic">
                            <a href="#">
                                <img src="/zoff/image/d-3.png">
                                <div class="dynamic-intro">
                                    <div class="open-tiem">
                                        <span>2018-11-25</span>
                                        <span>新店开业</span>
                                    </div>
                                    <div>
                                        <p>[11/30 NEW OPEN] Zoff(佐芙)眼镜上海长风大悦 城店盛大开业！</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="single-dynamic">
                            <a href="#">
                                <img src="/zoff/image/d-3.png">
                                <div class="dynamic-intro">
                                    <div class="open-tiem">
                                        <span>2018-11-25</span>
                                        <span>新店开业</span>
                                    </div>
                                    <div>
                                        <p>[11/30 NEW OPEN] Zoff(佐芙)眼镜上海长风大悦 城店盛大开业！</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="single-dynamic">
                            <a href="#">
                                <img src="/zoff/image/d-3.png">
                                <div class="dynamic-intro">
                                    <div class="open-tiem">
                                        <span>2018-11-25</span>
                                        <span>新店开业</span>
                                    </div>
                                    <div>
                                        <p>[11/30 NEW OPEN] Zoff(佐芙)眼镜上海长风大悦 城店盛大开业！</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="single-dynamic">
                            <a href="#">
                                <img src="/zoff/image/d-3.png">
                                <div class="dynamic-intro">
                                    <div class="open-tiem">
                                        <span>2018-11-25</span>
                                        <span>新店开业</span>
                                    </div>
                                    <div>
                                        <p>[11/30 NEW OPEN] Zoff(佐芙)眼镜上海长风大悦 城店盛大开业！</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="single-dynamic">
                            <a href="#">
                                <img src="/zoff/image/d-3.png">
                                <div class="dynamic-intro">
                                    <div class="open-tiem">
                                        <span>2018-11-25</span>
                                        <span>新店开业</span>
                                    </div>
                                    <div>
                                        <p>[11/30 NEW OPEN] Zoff(佐芙)眼镜上海长风大悦 城店盛大开业！</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="single-dynamic">
                            <a href="#">
                                <img src="/zoff/image/d-3.png">
                                <div class="dynamic-intro">
                                    <div class="open-tiem">
                                        <span>2018-11-25</span>
                                        <span>新店开业</span>
                                    </div>
                                    <div>
                                        <p>[11/30 NEW OPEN] Zoff(佐芙)眼镜上海长风大悦 城店盛大开业！</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                        <div class="single-dynamic">
                            <a href="#">
                                <img src="/zoff/image/d-3.png">
                                <div class="dynamic-intro">
                                    <div class="open-tiem">
                                        <span>2018-11-25</span>
                                        <span>新店开业</span>
                                    </div>
                                    <div>
                                        <p>[11/30 NEW OPEN] Zoff(佐芙)眼镜上海长风大悦 城店盛大开业！</p>
                                    </div>
                                </div>
                            </a>
                        </div>
                    </div>
                    <div class="shapLoaction-page">
                        <div>
                            <a href="#" class="page-active">1</a>
                            <a href="#">2</a>
                            <a href="#">3</a>
                            <a href="#">4</a>
                            <a href="#">下一页></a>
                            <a href="#">最后一页>></a>
                            <input type="text" maxlength=5 id="dynamic-page">
                            <a href="javascript:void(0)" id="dynamic-jump">跳转</a>
                        </div>
                    </div>
                </div>

            </div>
        </div>
        @include('footer')
    </div>
</body>
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script>
    $(document).ready(function () {
        $('div.shapLoaction-page').on("click", "#jump", function () {
            if ($("#page").val()) {
                console.log($("#page").val())
                // 跳转
                // window.location.href = 'http:www.baidu.com'ƒ
            } else {
                alert("请输入页码");
            }
        })
        $('div.dynamic').on("click", "#dynamic-jump", function () {
            if ($("#dynamic-page").val()) {
                console.log($("#dynamic-page").val())
                // 跳转
                // window.location.href = 'http:www.baidu.com'ƒ
            } else {
                alert("请输入页码");
            }
        })
    })
</script>

</html>
